草庐IT

ios - 以框架的特定形状调整图像大小

全部标签

javascript - div onclick函数更改正文背景图像

我想要一个像按钮一样的小图片,可以单击并具有更改正文背景图像的功能。我是一个新手,我正在努力学习。我认为最简单的方法是使用一个带有background-image的div。我也必须使用非语义网格。所以我几乎只有带背景图片的div。我该如何编写这个函数?我敢肯定这真的很简单,我在这里读了20篇文章,但没有一篇对我有用编辑:添加我的代码#knapp{height:50px;width:50px;background-image:url(http://ingridwu.dmmdmcfatter.com/wp-content/uploads/2015/01/placeholder.png);b

javascript - 使用 Jest 测试时使用 webpack 导入图像时 enzyme 渲染失败

我想测试一个简单的组件是否呈现(因为我还在研究Jest)。应用程序本身使用webpack加载图像以显示Logo。当我尝试挂载/渲染/浅化无状态组件时,Jest抛出错误。FAILsrc/components/blog/blogList.spec.jsx●Testsuitefailedtorun/home/requinard/Projects/manus-frontend/src/img/manus_logo.png:Unexpectedcharacter'�'(1:0)>1|�PNG|^2|3|4|IHDR��G}pHYs.#.#x�?vtEXtSoftwareAdobeImageRea

javascript - Cypress IO - 编写一个 For 循环

我在一个页面上有15个按钮。我需要测试每个按钮。我尝试了一个简单的for循环,比如for(vari=1;i但是Cypress不喜欢这样。我将如何在Cypress中编写for循环? 最佳答案 为了强制执行任意循环,我创建了一个包含所需索引的数组,然后调用cy.wrapvargenArr=Array.from({length:15},(v,k)=>k+1)cy.wrap(genArr).each((index)=>{cy.get("#button-"+index).click()}) 关于j

javascript - 哪个 javascript MVC 框架更适合 Symfony 2?

提到了很多好的here但我想知道哪一个更适合Symfony2。 最佳答案 Symfony是一个服务器端MVC框架,它解决了许多Backbone.js等人感兴趣的相同领域问题。从这个意义上说,没有任何基于Javascript的MVC框架真正与Symfony集成得更好或更差。从MVC的Angular来看,最好侧重于服务器端(PHP/Symfony)或客户端(Javascript/各种)解决方案,并使用另一个来增强/支持该解决方案。尽管您当然可以将两者结合起来,但我认为如果您刚开始,最好将时间花在利用一个MVC框架上,而不是同时兼顾两个。

javascript - 如何在 UIWebView iOS5 中预选 contenteditable 字段

首先,我知道contenteditable仅适用于iOS5我已经说明了这一点-我们为iOS5用户提供了一项功能,允许使用contenteditable进行富文本粘贴。到目前为止,此功能非常有效,我想做的就是当View似乎将contenteditable字段设置为事件(预选)以便出现键盘并且用户可以立即开始键入。这是我用于UIWebView的本地html文件PLACEHOLDER我已经尝试使用一些javascript来完成此操作,使用我找到的用于预选文本输入的教程。我无法让它工作,即使我试图切换到文本输入字段进行测试。这可能是由于我对javascipt缺乏经验,所以如果这是解决方案,请明

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 检查字符串是否包含任何图像标签的最简单方法是什么?

例如我有文本:"testestestestttestestestes"我想写一个函数来检查字符串中是否是img标签并返回true 最佳答案 使用正则表达式:"testestestestttestestestes".match(/ 关于javascript-检查字符串是否包含任何图像标签的最简单方法是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14202976/

javascript - 获取内容脚本以在页面加载时附加图像

我刚刚开始学习如何为谷歌浏览器制作扩展程序。到目前为止,我有一个非常基本的了解,所以我想尝试一些小的东西。现在我正试图在每次加载该页面时将图像附加到特定页面上的特定div。扩展加载正常,但javascript代码似乎永远不会运行,图像也永远不会加载。这是我目前拥有的manifest.json文件:{"manifest_version":2,"name":"IconCreator","description":"Createsacustomiconforpage","version":"1.0","content_scripts":[{"matches":["file:///home/t

javascript - 如何防止 <img> 标签加载其图像?

我有以下脚本,它采用带有html信息的字符串(还包含对图像的引用)。当我创建DOM元素时,浏览器正在下载图像的内容。我想知道是否有可能停止这个Beauvoir并暂时阻止加载。我的目标是web-kit和presto浏览器。relativeToAbosluteImgUrls:function(html,absoluteUrl){vartempDom=document.createElement('div');debuggertempDom.innerHTML=html;varimgs=tempDom.getElementsByTagName('img'),i=imgs.length;whi